<template>
  <div class="main">
    <div class="title">系 统 时 间 设 置</div>
    <div class="content">
      <div class="up">
        <div class="setTime">
            <div class="inputContent">
          <div class="inputs" v-for="(item, index) in Time" :key="index">
            <input type="text" />
            <span>{{ item }}</span>
          </div></div>
          <div class="buttons">
            <button>+</button>
            <button>-</button>
            <button>更 新</button>
          </div>
        </div>
        <div class="showTime">
          <span>2022年05月25日星期三</span>
          <span>14:06:10</span>
        </div>
      </div>
      <div class="bottom">
        <button @click="EXIT">退 出</button>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
import { useRoute, useRouter } from "vue-router";
const Time = ref(["年", "月", "日", "时", "分", "秒"]);
const router=useRouter();
const EXIT=()=>{
    router.push({path:"/sheZhi",query:{data:"signin"}})
}
</script>
<style lang="less" scoped>
@import url("./general_settingJumpless/System_Time.less");
</style>